<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">響應式圖片</h2>
  <a href="https://www.udacity.com/course/responsive-images--ud882">
    <img src="/web/shows/udacity/img/ud882.png" class="attempt-right" itemprop="image">
  </a>
  <p>
    你知道嗎？加載網頁時，平均 60% 以上的流量都來加載圖片。
  </p>
  <p itemprop="description">
    在這門課程裡，你將學習如何在現代網絡環境中使用圖片，以便你的圖片在任何設備上都看起來效果更棒，並且快速加載。
  </p>
  <p>
    在學習期間，你將掌握各種技能和技巧，能夠輕鬆地將響應式圖片整合到你的開發流程中。
    學完這門課程後，你將能夠開發可以適應不同的視口尺寸及使用場景的圖片。
  </p>
  <p>
    这个免费的课程可以在 
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/responsive-images--ud882" class="external">參加課程</a>
</div>
<div style="clear:both;"></div>
